<template>
    <div class="loading l-f l-row-c" v-if="showLoading">
        <a-spin size="large" />
    </div>
</template>

<script setup>
import { computed } from 'vue'
import { useMainStore } from '@/store';

const mainStore = useMainStore()

const showLoading = computed(() => {
    return mainStore.showLoading
})

</script>

<style lang="scss" scoped>
.loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
</style>